<html>

<head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta charset="utf-8" />
  <meta name="renderer" content="webkit" />
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=yes" />
  <meta name="keywords"
    content="CNC,模具,模型,SLS,3D打印,3D,报价,SLA,3D打印服务,在线3D打印,3D打印艺术品,3D打印生活创意,3D打印玩具,3D打印灯罩,D打印自动报价,FDM,3D打印手机壳,手机壳定制,3D打印人像定制,3D打印浮雕灯罩定制" />
  <meta name="format-detection" content="telephone=yes" />
  <title>3d公司</title>
  <link rel="stylesheet" type="text/css" href="/css/base.css" />
  <link rel="stylesheet" type="text/css" href="/css/swiper.css" />
  <script type="text/javascript" src="/js/jquery-2.1.0.js"></script>
  <script type="text/javascript" src="/js/swiper.js"></script>
  <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=izKslMWQG7sLmlaG4UjUV90Z"></script>
</head>

<body>
  <div id="app" class="app">
    <div class="header flex">
      <div class="logo flex">
        <img src="/image/logo.png" alt="" />
      </div>
      <div class="nav flex">
        <div class="nav_list">
          <p class="nav_list_father red">首页</p>
          <!-- <div class="nav_list_child"></div> -->
        </div>
        <div class="nav_list">
          <p class="nav_list_father">3D打印</p>
          <div class="nav_list_child">
            <p class="nav_list_grandson">SLA固化成型</p>
            <p class="nav_list_grandson">3D打印设备展示</p>
          </div>
        </div>
        <div class="nav_list">
          <p class="nav_list_father">CNC加工</p>
          <div class="nav_list_child">
            <p class="nav_list_grandson">CNC塑料加工</p>
            <p class="nav_list_grandson">CNC设备展示</p>
          </div>
        </div>
        <div class="nav_list">
          <p class="nav_list_father">硅胶复模</p>
          <div class="nav_list_child">
            <p class="nav_list_grandson">真空复膜</p>
            <p class="nav_list_grandson">复膜设备展示</p>
          </div>
        </div>
        <div class="nav_list">
          <p class="nav_list_father">行业案例</p>
          <div class="nav_list_child">
            <p class="nav_list_grandson">汽车</p>
            <p class="nav_list_grandson">机器人</p>
          </div>
        </div>
        <div class="nav_list">
          <p class="nav_list_father">关于我们</p>
          <div class="nav_list_child">
            <p class="nav_list_grandson">企业简介</p>
            <p class="nav_list_grandson">公司文化</p>
            <p class="nav_list_grandson">联系方式</p>
            <p class="nav_list_grandson">在线留言</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 右边栏菜单 -->
    <div class="right_nav">
      <div class="item">
        <i class="custom"></i>
        <span>联系客服</span>
      </div>
      <div class="item">
        <i class="phone"></i>
        <span style="font-size: 13px">0755-00000009</span>
      </div>
      <div class="item">
        <i class="edit"></i>
        <span>在线报名</span>
      </div>
      <div class="code">
        <span>APP下载</span>
      </div>
      <div class="item">
        <i class="top"></i>
        <span>返回顶部</span>
      </div>
    </div>

    <!-- 内容 -->
    <div id="center" class="center">
      <div class="homepage" >
        <p class="case_title">联系方式</p>
        <div class="new_box flex" style="padding: 20px;">

          <div class="news_right flex">
            <p class="news_explain">公司名称：深圳市万匠智合快速成型技术有限公司</p>
            <p class="news_explain">咨询电话：15012589962</p>
            <p class="news_explain">公司邮箱：info@qilemodel.com</p>
            <p class="news_explain">公司网站：http://www.wjzhmodel.com</p>
            <p class="news_explain">服务电话：400-109-2909</p>
            <p class="news_explain">公司地址：深圳市宝安区沙井镇上德路星际大厦1809</p>
          </div>
          <div class="news_left_img">
            <div id="l-map" style="width:560px;height:400px;font-size:12px"></div>
          </div>
        </div>
      </div>

    </div>
    <!-- 底部 -->
    <div class="footer flex">
      <img src="/image/logo.png" alt="logo" class="logo_img" />
      <p class="Copyright">
        Copyright © 2021 深圳市万匠智合快速成型技术有限公司 All Rights
        Reserved
        <a target="view_window" href="http://www.miit.gov.cn/">粤ICP备18138431号-1</a>
      </p>

    </div>
  </div>

  <script type="text/javascript" src="/js/index.js"></script>
  <script type="text/javascript">
    $(function () {

      var swiper = new Swiper("#case_swiper", {
        loop: true, //允许从第一张到最后一张，或者从最后一张到第一张  循环属性
        slidesPerView: 4, // 设置显示三张
        //centeredSlides : true,     //使当前图片居中显示
        freeMode: true, // 使幻灯片滑动时不止滑动一格，且不会自动贴合
        slidesPerGroup: 1, //定义1张图片为一组
        autoplay: true, //可选选项，自动滑动
        speed: 5000, //设置过度时间
        grabCursor: true, //鼠标样式根据浏览器不同而定
        autoplay: {
          delay: 1,
          disableOnInteraction: false,
        } /*  设置每隔3000毫秒切换 */,
        //分页器
        pagination: {
          el: ".swiper-pagination",
          clickable: true,
        },
        scrollbar: {
          el: ".swiper-scrollbar",
          hide: true,
        },
      });
      /* 鼠标悬停 停止动画 */
      $(".swiper-slide").mouseenter(function () {
        swiper.autoplay.stop();
      });
      $(".swiper-slide").mouseleave(function () {
        swiper.autoplay.start();
      });

      // 轮播图
      function bannerMove(obj) {
        var index = 0;
        var _thatFlag = true;
        var _that = $(obj.el);
        var _length = _that.find("li").length;
        var a_prev = index - 1 < 0 ? "-1" : index - 1;
        var a_next = index + 1 >= _length ? "0" : index + 1;
        var timer;
        _that.append(
          "<div class='banner-btn'><span class='banner-btn-prev'></span><span class='banner-btn-next'></span></div>"
        );
        if (_length < 4) {
          if (_length < 2) {
            _that.find("li").eq(index).addClass("on");
            return false;
          } else {
            for (let i = 0; i < 4 - _length; i++) {
              var tempHtml = _that.find("li").eq(i).html();
              _that.find("ul").append("<li>" + tempHtml + "</li>");
            }
          }
        }
        _that.find("li").css({
          left: "-1400px",
          "z-index": "1",
        });
        _that
          .find("li")
          .eq(index - 1)
          .css({
            left: "-400px",
            "z-index": "2",
          });
        _that.find("li").eq(index).css({
          left: "0px",
          "z-index": "3",
        });
        _that
          .find("li")
          .eq(index + 1)
          .css({
            left: "400px",
            "z-index": "2",
          });
        _that.find("li").eq(index).addClass("on");

        _that.on("click", ".banner-btn-prev", function () {
          if (_thatFlag) {
            _thatFlag = false;
            main(1);
          }
        });
        _that.on("click", ".banner-btn-next", function () {
          if (_thatFlag) {
            _thatFlag = false;
            main(0);
          }
        });
        clearInterval(timer);
        timer = setInterval(function () {
          main(0);
        }, 5000);
        _that.hover(
          function () {
            clearInterval(timer);
          },
          function () {
            clearInterval(timer);
            timer = setInterval(function () {
              main(0);
            }, 5000);
          }
        );
        function main(fx) {
          if (fx) {
            // console.log("左")
            if (index > _length - 1) index = 0;
            a_prev = index - 1 < 0 ? "-1" : index - 1;
            a_next = index + 1 >= _length ? "0" : index + 1;
            _that.find("li").eq(-1).prependTo(_that.find("li").parent());
            _that
              .find("li")
              .eq(a_prev)
              .css({
                left: "-800px",
                "z-index": "1",
              })
              .animate({
                left: "-400px",
                "z-index": "1",
              });
            _that
              .find("li")
              .eq(index)
              .css({
                left: "-400px",
                "z-index": "3",
              })
              .animate({
                left: "0px",
                "z-index": "3",
              });
            _that
              .find("li")
              .eq(a_next)
              .css({
                left: "0px",
                "z-index": "2",
              })
              .animate({
                left: "400px",
                "z-index": "2",
              });
            _that
              .find("li")
              .eq(a_next + 1)
              .css({
                left: "400px",
                "z-index": "1",
              })
              .animate(
                {
                  left: "800px",
                  "z-index": "0",
                },
                function () {
                  _thatFlag = true;
                }
              );
            _that.find("li").eq(0).addClass("on").siblings().removeClass("on");
          } else {
            // console.log("右")
            if (index > _length - 1) index = 0;
            a_prev = index - 1 < 0 ? "-1" : index - 1;
            a_next = index + 1 >= _length ? "0" : index + 1;
            _that
              .find("li")
              .eq(a_prev)
              .css({
                left: "-400px",
                "z-index": "1",
              })
              .animate({
                left: "-800px",
                "z-index": "1",
              });
            _that
              .find("li")
              .eq(index)
              .css({
                left: "0px",
                "z-index": "2",
              })
              .animate({
                left: "-400px",
                "z-index": "2",
              });
            _that
              .find("li")
              .eq(a_next)
              .css({
                left: "400px",
                "z-index": "3",
              })
              .animate({
                left: "0px",
                "z-index": "3",
              });
            _that
              .find("li")
              .eq(a_next + 1)
              .css({
                left: "800px",
                "z-index": "2",
              })
              .animate(
                {
                  left: "400px",
                  "z-index": "2",
                },
                function () {
                  _that.find("li").eq(0).appendTo(_that.find("li").parent());
                  _thatFlag = true;
                }
              );
            _that.find("li").eq(1).addClass("on").siblings().removeClass("on");
          }
        }
      }
      var myMove = new bannerMove({
        el: ".bannerBox .banner",
      });
    });
  </script>
  <script type="text/javascript">
    var sContent = "<font color='#f10'>公司名称</font><br>地址：深圳南山区xxx<br><br>邮编：450000<br><br>电话：400-000-000";
    var map = new BMap.Map("l-map");          			// 创建地图实例
    var point = new BMap.Point(113.728018, 34.722804);  	// 创建点坐标
    map.centerAndZoom(point, 15);
    map.enableScrollWheelZoom();             		// 初始化地图，设置中心点坐标和地图级别

    map.addControl(new BMap.NavigationControl());
    map.addControl(new BMap.ScaleControl());
    map.addControl(new BMap.OverviewMapControl());
    map.addControl(new BMap.MapTypeControl());

    var mapType1 = new BMap.MapTypeControl({ mapTypes: [BMAP_NORMAL_MAP, BMAP_HYBRID_MAP] });
    var mapType2 = new BMap.MapTypeControl({ anchor: BMAP_ANCHOR_TOP_LEFT });
    var overView = new BMap.OverviewMapControl();
    var overViewOpen = new BMap.OverviewMapControl({ isOpen: true, anchor: BMAP_ANCHOR_BOTTOM_RIGHT });
    //添加地图类型和缩略图

    map.addControl(mapType1);     //2D图，卫星图
    map.addControl(mapType2);     //左上角，默认地图控件
    map.setCurrentCity("");    //由于有3D图，需要设置城市哦
    map.addControl(overView);     //添加默认缩略地图控件
    map.addControl(overViewOpen);   //右下角，打开

    var navigationControl = new BMap.NavigationControl({
      // 靠左上角位置
      anchor: BMAP_ANCHOR_TOP_LEFT,
      // LARGE类型
      type: BMAP_NAVIGATION_CONTROL_LARGE,
      // 启用显示定位
      enableGeolocation: true // 会多出一个点
    });
    map.addControl(navigationControl);
    // 添加定位控件
    var geolocationControl = new BMap.GeolocationControl();
    geolocationControl.addEventListener("locationSuccess", function (e) {
      // 定位成功事件
      var address = '';
      address += e.addressComponent.province;
      address += e.addressComponent.city;
      address += e.addressComponent.district;
      address += e.addressComponent.street;
      address += e.addressComponent.streetNumber;
    });
    geolocationControl.addEventListener("locationError", function (e) {
      // 定位失败事件
      alert(e.message);
    });
    map.addControl(geolocationControl);

    var infoWindow = new BMap.InfoWindow(sContent);  	// 创建信息窗口对象
    map.openInfoWindow(infoWindow, point); 				// 开启信息窗口

    var marker = new BMap.Marker(point, {
      icon: new BMap.Icon("http://api.map.baidu.com/lbsapi/createmap/images/icon.png", new BMap.Size(20, 25), {
        imageOffset: new BMap.Size(-46, -21)
      })
    });
    map.addOverlay(marker);                     		// 将标注添加到地图中
    marker.addEventListener("click", function () {        // 给标注添加点击事件
      this.openInfoWindow(infoWindow);
    });
  </script>

</html>